Page({
    data: {
        background: ['green', 'red', 'yellow'],
        indicatorDots: true,
        vertical: false,
        autoplay: false,
        interval: 3000,
        duration: 500,
        navX: 'nav1',
        msgs: [
            '1111111111111111111111',
            '2222222222222222222222',
            '33333333333333333333333'
        ],

    },
    navOne: function () {
        this.setData({
            navX: 'nav1'
        })
    },
    navTwo: function () {
        this.setData({
            navX: 'nav2'
        })
    },
    navThree: function () {
        this.setData({
            navX: 'nav3'
        })
    },
    navFour: function () {
        this.setData({
            navX: 'nav4'
        })
    },
    changeIndicatorDots: function (e) {
        this.setData({
            indicatorDots: !this.data.indicatorDots
        })
    },
    changeVertical: function (e) {
        this.setData({
            vertical: !this.data.vertical
        })
    },
    changeAutoplay: function (e) {
        this.setData({
            autoplay: !this.data.autoplay
        })
    },
    intervalChange: function (e) {
        this.setData({
            interval: e.detail.value
        })
    },
    durationChange: function (e) {
        this.setData({
            duration: e.detail.value
        })
    }
})